:root {
  // base colors
  --sqltools-BWColor1: rgba(0, 0, 0, 0.05);
  --sqltools-BWColor2: rgba(0, 0, 0, 0.10);
  --sqltools-BWColor3: rgba(0, 0, 0, 0.15);
  --sqltools-BWColor4: rgba(0, 0, 0, 0.20);
  --sqltools-BWColor5: rgba(0, 0, 0, 0.25);
  --sqltools-BWColor6: rgba(0, 0, 0, 0.30);
  --sqltools-BWColor8: rgba(0, 0, 0, 0.40);
  --sqltools-BWColor10: rgba(0, 0, 0, 0.50);
  --sqltools-BWColor12: rgba(0, 0, 0, 0.60);
  --sqltools-BWColor14: rgba(0, 0, 0, 0.70);
  --sqltools-BWColor16: rgba(0, 0, 0, 0.80);

  --sqltools-WBColor1: rgba(255, 255, 255, 0.05);
  --sqltools-WBColor2: rgba(255, 255, 255, 0.10);
  --sqltools-WBColor3: rgba(255, 255, 255, 0.15);
  --sqltools-WBColor4: rgba(255, 255, 255, 0.20);
  --sqltools-WBColor5: rgba(255, 255, 255, 0.25);
  --sqltools-WBColor6: rgba(255, 255, 255, 0.30);
  --sqltools-WBColor8: rgba(255, 255, 255, 0.40);
  --sqltools-WBColor10: rgba(255, 255, 255, 0.50);
  --sqltools-WBColor12: rgba(255, 255, 255, 0.60);
  --sqltools-WBColor14: rgba(255, 255, 255, 0.70);
  --sqltools-WBColor16: rgba(255, 255, 255, 0.80);

  .vscode-dark {
    --sqltools-BWColor1: rgba(255, 255, 255, 0.05);
    --sqltools-BWColor2: rgba(255, 255, 255, 0.10);
    --sqltools-BWColor3: rgba(255, 255, 255, 0.15);
    --sqltools-BWColor4: rgba(255, 255, 255, 0.20);
    --sqltools-BWColor5: rgba(255, 255, 255, 0.25);
    --sqltools-BWColor6: rgba(255, 255, 255, 0.30);
    --sqltools-BWColor8: rgba(255, 255, 255, 0.40);
    --sqltools-BWColor10: rgba(255, 255, 255, 0.50);
    --sqltools-BWColor12: rgba(255, 255, 255, 0.60);
    --sqltools-BWColor14: rgba(255, 255, 255, 0.70);
    --sqltools-BWColor16: rgba(255, 255, 255, 0.80);

    --sqltools-WBColor1: rgba(0, 0, 0, 0.05);
    --sqltools-WBColor2: rgba(0, 0, 0, 0.10);
    --sqltools-WBColor3: rgba(0, 0, 0, 0.15);
    --sqltools-WBColor4: rgba(0, 0, 0, 0.20);
    --sqltools-WBColor5: rgba(0, 0, 0, 0.25);
    --sqltools-WBColor6: rgba(0, 0, 0, 0.30);
    --sqltools-WBColor8: rgba(0, 0, 0, 0.40);
    --sqltools-WBColor10: rgba(0, 0, 0, 0.50);
    --sqltools-WBColor12: rgba(0, 0, 0, 0.60);
    --sqltools-WBColor14: rgba(0, 0, 0, 0.70);
    --sqltools-WBColor16: rgba(0, 0, 0, 0.80);
  }


  // user customizations
  --sqltools-transition: all .3s ease 0s;
  --sqltools-backgroundColor: var(--vscode-editor-background, var(--background-color));
  --sqltools-color: var(--vscode-editor-foreground, var(--color));
  --sqltools-fontFamily: var(--vscode-font-family, var(--vscode-editor-font-family, var(--font-family)));
  --sqltools-fontSize: var(--vscode-font-size, var(--vscode-editor-font-size, var(--font-size)));
  --sqltools-linkColorBg: var(--vscode-button-background, var(--link-color));
  --sqltools-linkColorFg: var(--vscode-button-foreground);

  --sqltools-radius: 3px;
  --sqltools-loading-fg: var(--sqltools-WBolor10);
  --sqltools-backdrop-bg: var(--sqltools-BWColor10);
}
